<div class="box box-default">
  <div class="box-body">
    <form class="form-inline">
      <div class="box box-default">
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-bottom:8px;padding-left:0px">
          <label class="control-label">产品名称：</label>
          <input type="text" class="form-control" id="inputEmail3" placeholder="产品名称(全称)" name="sFundName" [(ngModel)]="postBody.sFullName">
          <label class="control-label">产品代码：</label>
          <input type="text" class="form-control" id="inputPassword3" placeholder="产品代码" name="sFundCode" [(ngModel)]="postBody.sFundCode">
          <label class="control-label">改造类别：</label>
          <select class="form-control" [(ngModel)]="postBody.sChageType" name="sChageType">
            <option [value]="''" selected="selected">全部</option>
            <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.CHANGE_TYPE">{{item.sItemValue}}</option>
          </select>
          <label class="control-label">进度：</label>
          <select class="form-control" [(ngModel)]="postBody.sStatus" name="sStatus">
            <option [value]="''">全部</option>
            <option [value]="1">准备</option>
            <option [value]="2">已报会</option>
            <option [value]="3">已完成</option>
          </select>
          <button type="button" class="btn btn-primary" (click)="loadlist(1)">
          <i class="fa fa-search"></i>查询</button>
        </div>
      </div>
    </form>

    <div class="box-body" style="padding-left:0px;padding-right:0px;">
      <!-- updated by dujh @20180703 修改表格变为可拉伸 -->
      <div style="overflow-x:scroll;width:100%;height:450px" id="remouldList" class="tbHeaderFix">
        <table class="table table-striped table-bordered table-keep-line">
          <thead>
            <tr>
              <th class="width-25" (click)="orderData('sFundCode')">产品代码<i class="fa fa-sort"></i></th>
              <th class="width-25" (click)="orderData('sFundName')">改造产品<i class="fa fa-sort"></i></th>
              <th class="width-15" (click)="orderData('sChangeTypeValue')">改造类别<i class="fa fa-sort"></i></th>
              <th class="width-20" (click)="orderData('dCreateTime')">进度及日期<i class="fa fa-sort"></i></th>
              <th class="width-15" (click)="orderData('sResearcher')">研究员<i class="fa fa-sort"></i></th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of listData.list">
              <td class="width-25 short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
              <td class="width-25 short_name" [attr.title]="item.sFundName">{{item.sFundName}}</td>
              <td class="width-15 short_name" [attr.title]="item.sChangeTypeValue">{{item.sChangeTypeValue}}</td>
              <td class="width-20 short_name" [attr.title]="item.dCreateTime">
                <!-- updated by dujh @20180703 -->
                <span *ngIf="item.sStatus==1">准备 {{item.dCreateTime}}</span>
                <span *ngIf="item.sStatus==2">已报会 {{item.dBh}}</span>
                <span *ngIf="item.sStatus==3">已完成 {{item.dPf}}</span> 
              </td>
              <td class="width-15 short_name" [attr.title]="item.sResearcher">{{item.sResearcher}}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>

    <div class="box-footer clearfix">
      <app-pagination [currentPageNum]="remouldPageInfo.currentPageNum" [pagesShow]="" [totalPages]="remouldPageInfo.totalPages"
        (pageChanged)="bondsManPageNavigation($event)">
        <div class="pull-left pagination-detail" data-pagination-additional="true">
          <span class="pagination-info">
            当前显示第{{remouldPageInfo.startRow}}到第{{remouldPageInfo.endRow}}条，总共{{remouldPageInfo.total}}条，
          </span>
          <span class="page-list">
            每页记录
            <span class="btn-group dropup">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="page-size">{{remouldPageInfo.pageSize}}</span>
          <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
            <li *ngFor="let i of remouldPageInfo.pageList" role="menuitem" [class.active]="remouldPageInfo.pageSize === i" (click)="bondsManpageSizeChange(i)">
              <a>{{i}}</a>
            </li>
          </ul>
          </span>
          条
          </span>
        </div>
      </app-pagination>
    </div>
  </div>
</div>